<ion-header>
  <ion-toolbar color="customblue">
    <ion-buttons slot="start">
    <ion-back-button class="back-icon" text="" defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>填写申请信息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="apply-content">
  <img src="../../../assets/image/sq_xx.png">
  <div class="apply-bgc1">
    <ion-item>
      <ion-label style="color: #999;font-size: 1.2rem;">请选择公证使用地区</ion-label>
      <ion-select okText="确定" cancelText="取消" [(ngModel)]="useCountry">
        <ion-select-option [value]="item.zh" *ngFor="let item of countryList">{{item.zh}}</ion-select-option>
      </ion-select>
    </ion-item>
    <ion-item lines="none">
      <ion-label style="color: #999;font-size: 1.2rem;">请选择公证译文的语言</ion-label>
      <ion-select okText="确定" cancelText="取消" [(ngModel)]="useLanguage">
        <ion-select-option [value]="item.name" *ngFor="let item of languageList">{{item.name}}</ion-select-option>
      </ion-select>
    </ion-item>
  </div>
  <div *ngFor="let item of proposerList" class="apply-bgc">
    <ion-grid>
      <ion-row>
        <ion-col size="6" class="apply-col">
          <ion-item lines="none">
            <ion-label>申请人</ion-label>
            <ion-input [(ngModel)]="item.userName" require placeholder="请输入" [disabled] = 'isDaiban !== 1' ></ion-input>
          </ion-item>
        </ion-col>
        <ion-col size="1" class="apply-col col-img">
          <img src="../../../assets/image/bt_add.png"  (click)="addClick()"  *ngIf="isDaiban==1" />
        </ion-col>
        <ion-col  size="5" class="apply-col">
          <ion-item lines="none">
            <ion-label>性别</ion-label>
            <ion-select okText="确定" cancelText="取消" [(ngModel)]="item.gender" [disabled] = 'isDaiban !== 1'>
              <ion-select-option *ngFor="let citem of sexlist" [value]="citem.value">{{citem.name}}</ion-select-option>
            </ion-select>
          </ion-item>
        </ion-col>
        <ion-col size="12" class="apply-col">
            <ion-item lines="none">
              <ion-label>出生日期</ion-label>
              <ion-datetime [(ngModel)]="item.birthday" pickerFormat="YYYY-MM-DD" placeholder="请点击选择日期" displayFormat="YYYY-MM-DD" cancelText='取消' doneText="确认" [disabled] = 'isDaiban !== 1'></ion-datetime>
            </ion-item>
        </ion-col>
        <ion-col size="12" class="apply-col">
          <ion-item lines="none">
            <ion-label>居民身份证</ion-label>
            <ion-input [(ngModel)]="item.idCard" require [disabled] = 'isDaiban !== 1' placeholder="请输入居民身份证"></ion-input>
          </ion-item>
        </ion-col>
        <ion-col size="12" class="apply-col apply-col1">
          <ion-item lines="none">
            <ion-label>手机号码</ion-label>
            <ion-input [(ngModel)]="item.mobile" placeholder="请输入手机号码" type='number' [disabled] = 'isDaiban !== 1'></ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
    </ion-grid>    
  </div>
  <div class="apply-bgc"  *ngIf="isDaiban == 1">
    <ion-grid >
      <ion-row>
        <ion-col size="6" class="apply-col">
          <ion-item lines="none">
            <ion-label>代理人名字</ion-label>
            <ion-input class="apply-ipt" [(ngModel)]="userInfo.userName" disabled></ion-input>
          </ion-item>
        </ion-col>
        <ion-col size="1" class="apply-col col-img">
        </ion-col>
        <ion-col  size="5" class="apply-col">
          <ion-item lines="none">
            <ion-label>性别</ion-label>
            <ion-input [(ngModel)]="userInfo.gender" disabled></ion-input>
          </ion-item>
        </ion-col>
        <ion-col size="12" class="apply-col">
          <ion-item lines="none">
            <ion-label>出生日期</ion-label>
            <ion-input [(ngModel)]="userInfo.birthday" disabled></ion-input>
          </ion-item>
        </ion-col>
        <ion-col size="12" class="apply-col">
          <ion-item lines="none">
            <ion-label>居民身份证</ion-label>
            <ion-input [(ngModel)]="userInfo.idCard" disabled></ion-input>
          </ion-item>
        </ion-col>
        <ion-col size="12" class="apply-col">
          <ion-item lines="none">
            <ion-label>手机号码</ion-label>
            <ion-input [(ngModel)]="userInfo.mobile" disabled></ion-input>
          </ion-item>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
  <div class="bgc">
    <p class="info-p1">办理公证事项</p>
    <div class="info-p2"><p *ngFor="let item of matterInfo">{{item.notaryItemName}};</p></div>
    <ion-button expand="block" (click)="goConfirm()">下一步</ion-button>
  </div>
</ion-content>

